<script lang="ts" setup>
const rStore = useRecipeStore()
</script>

<template>
  <div text-4xl>
    <button
      class="cursor-pointer transition active:text-green-800 hover:(text-green-600)"
      title="重置"
      @click="rStore.reset"
    >
      <div v-if="rStore.selectedStuff.length" i-mdi-pot-steam-outline />
      <div v-else i-mdi-pot-mix-outline />
    </button>
  </div>
  <p text="sm" m="b-4">
    好的，今天我们来做菜！
  </p>

  <ChooseFood />
  <SimpleCopyright />
</template>
